<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=0">
  <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="author" content="Web前端工程师谢意明">
  <title>项目案例</title>
  <link rel="stylesheet" href="css/idangerous.swiper.css"/>
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/css-reset.css"/>
  <link rel="stylesheet" href="css/style.css"/>
  <script src="js/jquery-1.9.1.min.js"></script>
  <script src="js/animateAdd.js"></script>
  <script src="js/jquery.lazyload.js"></script>
  <script src="js/idangerous.swiper.min.js"></script>
  <script src="js/basic.js"></script>


  <!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
  <!--[if lt IE 9]><script src="js/selectivizr-min.js"></script><![endif]-->

</head>
<body>

<!--头部-->
<header></header>


<div class="project">

  <div class="wrap">
    <div class="inner-title">
      <div class="inner-title1">PROJECT</div>
      <div class="inner-title2">
        <span>项目案例</span>
        <div class="inner-title2-line"></div>
      </div>
    </div>
    <div class="project-content clearfix">
      <div class="project-box anim anim1">
        <a href="web/langjian2/index.html" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/lj2-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>动效炫酷的全屏响应式网站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">浪尖品牌咨询设计</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.easy-visible.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/yj-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>简约流畅的响应式网站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">易见股份</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>


      <div class="project-box anim anim1">
        <a href="http://auto.kgtmall.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/kgt.jpg" alt="">
            <div class="project-box-img-dark">
              <p>高端平行进口车商城</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">跨港通平行进口汽车商城</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.ziyoumao.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/zym-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>贵州旅游名企</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">自游猫贵州旅游网</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.libingglobal.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/lb-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>经典企业站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">立冰空调</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="web/kuagangtong-vue/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/zrmx.jpg" alt="">
            <div class="project-box-img-dark">
              <p>Vue项目重构</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">中融数资--Vue重构</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.cyclovac.com.cn/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/slw-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">赛乐唯--中央吸尘器</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://hyxb.sz.tsinghua.edu.cn/Index/index.html" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/qhdx-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>兼容低版本IE的事业单位站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">清华大学海洋学部研究生院</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.gongzuokuai.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/gzk-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">工作快--考勤管理系统</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.anxingfly.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/ax-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">嘉兴安行飞控</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.shenzhenshiye.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/sy-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>简约时尚</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">深圳是也品牌设计有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>


      <div class="project-box anim anim1">
        <a href="http://www.clx360.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/jls-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>净水器品牌名企</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">家乐士净水科技</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.umitel.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/byld-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">博元联动科技</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>
      <div class="project-box anim anim1">
        <a href="http://www.medishine.com.hk/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/yr-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">悦仁医疗</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>
      <div class="project-box anim anim1">
        <a href="http://www.aaxihe.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/ay-img.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">深圳澳亚协合生物科技有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

      <div class="project-box anim anim1">
        <a href="http://www.seerain.com.cn/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/xyzn.jpg" alt="">
            <div class="project-box-img-dark">
              <p>双语简约商城</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">小雨智能科技养生有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>


      <div class="project-box anim anim1">
        <a href="http://www.kdrzs.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/kde-img.jpg" alt="">
            <div class="project-box-img-dark">
              <p>低调奢华创意企业站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">柯蒂尔珠宝钻戒</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>


      <div class="project-box anim anim1">
        <a href="web/xianggangzhongwen/index.html" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/gzd.jpg" alt="">
            <div class="project-box-img-dark">
              <p>名校官网</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">香港中文大学（深圳）</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>
      <div class="project-box anim anim1">
        <a href="web/jiari/index.html" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/jrgj.jpg" alt="">
            <div class="project-box-img-dark">
              <p>动画效果炫酷的响应式网站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">假日国际文旅发展集团有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>
      <div class="project-box anim anim1">
        <a href="http://hansmotion.com/" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/dzcd.jpg" alt="">
            <div class="project-box-img-dark">
              <p>简约名企响应式网站</p>
            </div>
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">大族精密传动有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
              <div class="pbp-icon-phone"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>
      <div class="project-box anim anim1">
        <a href="web/hongda/index.html" target="_blank">
          <div class="project-box-img">
            <img class="lazy" data-original="images/hdjc.jpg" alt="">
          </div>
          <div class="project-box-p clearfix">
            <div class="pbp-title">深圳市宏大检测有限公司</div>
            <div class="pbp-icon clearfix">
              <div class="pbp-icon-pc"></div>
            </div>
          </div>
          <div class="project-box-line"></div>
        </a>
      </div>

    </div>


  </div>


</div>


<!--底部-->
<footer></footer>


<script>

  $(function () {

    //滚动监控添加动画
    new setAnimation(50);

    // 图片懒加载
    $("img.lazy").lazyload({
      effect: "fadeIn",
      threshold: 100
    })

  })


</script>


</body>
</html>